<template>
  <div>
  <div id="menu" class="hover_animation menu_open" data-mark="false">
    <span></span>
    <span></span>
    <span></span>
  </div>
  <div id="navgation" class="navgation navgation_close">
    <ul class="point">
      <li><router-link to="/">首页</router-link></li>
      <li><router-link to="/blog">博客</router-link></li>
      <li><router-link to="/archive">归档</router-link></li>
      <li><router-link to="/guestbook">留言</router-link></li>
    </ul>
    <div class="logo"><a>TARZAN-CMS</a></div>
  </div>
  <div class="section" id="section1">
    <div class="fp-tablecell">
      <div class="page1">
        <div class="nav wow zoomIn" data-wow-duration="2s">
          <h1>泰山CMS内容管理系统</h1>
          <p>只要朝着一个方向努力，一切都会变得得心应手</p>
          <a class="layui-btn layui-btn-normal" style="margin-top: 20px" href="/blog">进入网站</a>
        </div>
        <a class="next wow fadeInUp" data-wow-duration="2s" id="next"></a>
      </div>
    </div>
  </div>
  <div class="section" id="section2">
    <div class="fp-tablecell">
      <div class="page2">
        <div class="warp-box">
          <div class="new-article">
            <div class="inner wow fadeInDown" data-wow-delay=".2s">
              <h1>内容分类</h1>
              <p>
                只要朝着一个方向努力
                <br>一切都会变得得心应手
              </p>
            </div>
          </div>
          <div class="layui-row">
            <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" style="padding: 0 10px">
              <div class="single-news">
                <div class="news-head">
                  <img src="/source/image/java.jpg"/>
                  <a href="#" class="link"><i class="fa fa-link"></i></a>
                </div>
                <div class="news-content">
                  <h4>
                    <a href="#">
                      Java专栏
                    </a>
                  </h4>
                  <div class="date">
                    2020年6月16日
                  </div>
                  <p>
                    本专栏主要分享Java的各种常见问题，包括java学习路线，java基础，框架，微服务，项目，面试题，希望通过这些知识的分享能够提升自己的java水平
                  </p>
                  <a href="#" class="btn">
                    阅读更多
                  </a>
                </div>
              </div>
            </div>
            <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" data-wow-delay=".2s" style="padding: 0 10px">
              <div class="single-news">
                <div class="news-head">
                  <img src="/source/image/web.jpg"/>
                  <a href="#" class="link"><i class="fa fa-link"></i></a>
                </div>
                <div class="news-content">
                  <h4>
                    <a href="#">
                      web前端专栏
                    </a>
                  </h4>
                  <div class="date">
                    2020年6月16日
                  </div>
                  <p>
                    本栏目主要分享关于web前端的学习路线，基础知识，常用框架，面试题，项目等等
                  </p>
                  <a href="#" class="btn">
                    阅读更多
                  </a>
                </div>
              </div>
            </div>
            <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" data-wow-delay=".4s" style="padding: 0 10px">
              <div class="single-news">
                <div class="news-head">
                  <img src="/source/image/java.jpg"/>
                  <a href="#" class="link"><i class="fa fa-link"></i></a>
                </div>
                <div class="news-content">
                  <h4>
                    <a href="#">
                      DeDeCMS专栏
                    </a>
                  </h4>
                  <div class="date">
                    2020年6月16日
                  </div>
                  <p>
                    本栏目主要介绍DeDeCMS网站内容管理系统，使用dede常见的问题，常用标签，插件，提供建站帮助
                  </p>
                  <a href="#" class="btn">
                    阅读更多
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="section" id="section3">
    <div class="fp-tablecell">
      <div class="page3">
        <div class="warp-box">
          <div class="warp">
            <div class="inner">
              <div class="links">
                <ul>
                  <li class="wow fadeInLeft"><a href="#">关于</a></li>
                  <li class="wow fadeInRight"><a href="/link">+友情链接</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="section" id="section4">
    <div class="fp-tablecell">
      <div class="page4">
        <div class="warp-box">
          <div class="about">
            <div class="inner">
              <h1 class="wow fadeInLeft">TARZAN-CMS</h1>
              <p class="wow fadeInRight">
                一天很短，开心了就笑，不开心了就过会儿再笑。
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <footer class="footer wow fadeInUp" id="contact">
    <div class="footer-top">
      <div class="container">
        <div class="layui-row">
          <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
            <div class="single-widget about">
              <div class="footer-logo">
                <h2>TARZAN-CMS</h2>
              </div>
              <p>世界那么大，我想去看看</p>
              <div class="button">
                <a href="#" class="btn layui-btn layui-btn-normal">About Me</a>
              </div>
            </div>
          </div>
          <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
            <div class="single-widget">
              <h2>相关链接</h2>
              <ul class="social-icon">
                <li class="active"><a href="#"><i class="fa fa-book"></i>博文</a></li>
                <li class="active"><a href="#"><i class="fa fa-comments"></i>留言</a></li>
                <li class="active"><a href="#"><i class="fa fa-share"></i>资源</a></li>
                <li class="active"><a href="#"><i class="fa fa-snowflake-o"></i>日记</a></li>
                <li class="active"><a href="#"><i class="fa fa-files-o"></i>归档</a></li>
              </ul>
            </div>
          </div>
          <div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
            <div class="single-widget contact">
              <h2>联系我</h2>
              <ul class="list">
                <li><i class="fa fa-map"></i>地址:深圳市南山区</li>
                <li><i class="fa fa-qq"></i>QQ: 1334512682 </li>
                <li><i class="fa fa-envelope"></i>邮箱: 1334512682@qq.com</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="copyright">
      <div class="container">
        <div class="layui-row">
          <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 text-center">
            <p>Copyright &copy; 2019-2020 ZQ个人博客 All Rights Reserved V.5.1.3 粤ICP备1231100号</p>
          </div>
        </div>
      </div>
    </div>
  </footer>
  </div>
</template>

<script>
module.exports={
  name: "home"
}
</script>

<style scoped>

</style>